<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema">
    <ng-template sf-template="creditPhoto" let-me let-ui="ui" let-schema="schema">
        <img [src]="me.formProperty.value" alt="" style="width: 200px;height: 160px;"
            (click)="show(me.formProperty.value)" />
    </ng-template>
    <ng-template sf-template="newPhotoFrontWatermark" let-me let-ui="ui" let-schema="schema">
        <div style="display: flex;">
            <img [src]="me.formProperty.value.newPhotoFrontWatermark" alt=""
                style="width: 200px;height: 160px;cursor: pointer;"
                (click)="show(me.formProperty.value.newPhotoFrontWatermark)" />
            <img [src]="me.formProperty.value.newPhotoBackWatermark" alt=""
                style="width: 200px;height: 160px;cursor: pointer;" class="ml-sm"
                (click)="show(me.formProperty.value.newPhotoBackWatermark)" />
        </div>
    </ng-template>
</sf>